@import url("http://www.google.com/uds/css/gsearch.css");

@import url("http://www.google.com/uds/solutions/mapsearch/gsmapsearch.css");

body {
	padding: 0px;
	margin: 0px;
	color: #5F7A77;
	font: 13px/ 19px  Verdana;
	background-color: white;
}

img {
	display: block;
}

label {
/*	padding: 5px 5px 5px 5px;*/
}

table.popup {
	margin: auto;
}

ul {
	list-style-type: none;
}

input {
	border: 1px solid #a3becc;
	color: #585858;
	font: 13px/ 19px  Verdana;
	padding: 2px;
	cursor: pointer;
}

input:disabled {
	background-color:#f6f6f6;
	border: 1px solid #eee;
}

.google_map_generated_map {
	height: 300px;
	width: 400px;
}

.link_content {
	border: 1px solid #CADBDF;
	font-size: 12px;
	font-family: Verdana;
	font-weight: normal;
	padding: 2px;
	color: #333;
	background-color: #F7F9F9;
	cursor: pointer;
}

.link_content:HOVER {
	background-color: #fff9d0;
	border-color: #ffe82e;
}

.text_content_invalid {
	color: red;
}

.objectlink_open {
	padding-left: 18px;
	background-image: url(../image/view.gif);
	background-repeat: no-repeat;
	background-position: 3px 3px;
	background-color: transparent;
	border:none;
}

.objectlink_content {
	background: transparent;
	border: none;
	padding-left: 4px;
	padding-right: 4px;
	margin: 0px;
}

.objectlink_reset {
	padding-left: 22px;
	background-image: url(../image/reset.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	background-color: transparent;
	border:none;
}

.textarea_label {
	vertical-align: middle;
}

.grid td {
	margin: 2px;
}

.text,.date,.password {
	margin: 2px;
	cursor: text;
}

input.datetime_content{
	width: 90px;
}

.timeEntry_wrap input.datetime_content{
	width: 45px;
}

#screen_main {
	width: 100%;
	background-color: white;
	position: relative;
	margin: 0 auto;
}
table.area_assistantRoot {
		width: 100%;
}
table.area_main{
		width: 100%;
}
table.area_0{
		width: 100%;
}
table.area_centerPanel{
		width: 100%;
}
table.area_centerPanelLeft{
		width: 100%;
}
.area_assistantToolbar .assistantRefresh button{
	padding-left: 14px;
	background-image: url(../image/assistantRefresh.png);
	background-repeat: no-repeat;
	background-position: 2px 2px;
	height:22px;
}
.area_assistantToolbar .assistantEditor button{
	padding-left: 14px;
	background-image: url(../image/assistantEditor.png);
	background-repeat: no-repeat;
	background-position: 2px 2px;
	height:22px;
}
.area_assistantToolbar .assistantSource button{
	padding-left: 14px;
	background-image: url(../image/assistantSource.png);
	background-repeat: no-repeat;
	background-position: 2px 2px;
	height:22px;
}
table.area_assistantToolbar > tbody > tr > td > div > div.link{
	vertical-align:middle !important;
	margin-top: 0px !important;
}


#screen_main_body {
	position: relative;
	margin: 0 auto;
	padding: 0px 22px;
	overflow: hidden;
	background-color: white;
}

#screen_main_header {
	padding-top: 10px;
}

#screen_main_footer {
	padding-top: 20px;
}

/* JUST A TEST FOR MENU!!! */
.menu {
	font: 12px Verdana;
	font-weight: bold;
	z-index: 100;
	background-image: url(../image/menu_norm31.gif);
	background-position: center center;
}

.menu input {
	font: 12px Verdana;
	font-weight: bold;
	z-index: 100;
	margin: 0;
}

.menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	z-index: 100;
}

.menu ul li {
	position: relative;
	display: inline;
	float: left;
	z-index: 100;
}

/*Top level menu link items style*/
.menu ul li input {
	display: block;
	background: white url(../image/menu_active31.gif) center center repeat-x;
	/*background of tabs (default state)*/
	padding: 8px 7px 7px 7px;
	margin-right: 0px; /*spacing between tabs*/
	border: 1px solid #7e9db0;
	color: #ffffff;
	text-decoration: none;
	z-index: 100;
}

/*Top level menu link items style*/
.menu ul li label {
	display: block;
	background: white url(../image/menu_active31.gif) center center repeat-x;
	/*background of tabs (default state)*/
	padding: 9px 7px 8px 7px;
	margin-right: 0px; /*spacing between tabs*/
	border: 1px solid #7e9db0;
	color: #ffffff;
	text-decoration: none;
	z-index: 100;
}

.menu ul li input:hover {
	border: 1px solid #ffe82e;
	background-image: url(../image/giallo.jpg);
	/*tab link background during hover state*/
	z-index: 100;
}


/*1st sub level menu*/
.menu ul li ul {
	position: absolute;
	left: 0;
	display: block;
	visibility: hidden;
	z-index: 100;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.menu ul li ul li {
	display: list-item;
	float: none;
	z-index: 100;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.menu ul li ul li ul {
	top: 0;
	z-index: 100;
}

/* Sub level menu links style */
.menu ul li ul li input {
	font: normal 12px Verdana;
	width: 172px; /*width of sub menus*/
	background: white url(../image/menu_norm31.gif) top center repeat-x;
	color: #000;
	padding: 4px 5px;
	margin: 0;
	border: 1px solid #7e9db0;
	z-index: 100;
	text-align: left;
	height: 24px;
}

.menu ul li ul li input:hover { /*sub menus hover style*/
	background: white url(../image/giallochiaro.jpg) top center repeat-x;
	color: black;
	z-index: 100;
}

/* Sub level menu links style */
.menu ul li ul li label {
	font: normal 12px Verdana;
	width: 157px; /*width of sub menus*/
	background: white url(../image/menu_norm31.gif) top center repeat-x;
	color: black;
	padding: 4px 5px;
	padding-left: 8px;
	margin: 0;
	border: 1px solid #7e9db0;
	z-index: 100;
	
}

.menu ul li ul li label:hover { /*sub menus hover style*/
	background: white url(../image/giallochiaro.jpg) top center repeat-x;
	color: black;
	z-index: 100;
}

.menu ul li ul li.menu_content button.link_content {
	width: 172px; /*width of sub menus*/
	background: white url(../image/menu_norm31.gif) top center repeat-x;
	color: #000;
	padding: 3px 3px 3px 5px;
	margin: 0;
	border: 1px solid #7e9db0;
	z-index: 100;
	text-align: left;
		font: normal 12px Verdana;

}

.menu ul li ul li.menu_content button.link_content:hover { /*sub menus hover style*/
	background: white url(../image/giallochiaro.jpg) top center repeat-x;
	color: black;
	z-index: 100;
}




.menu_content  button.link_content {
	background: white url(../image/menu_norm31.gif) repeat-x scroll center center;
	font: normal 12px Verdana;
	color: #fff;
	padding: 8px 8px 7px 7px;
	padding-left: 8px;
	margin: 0;
	font-weight: bold; 
	border: 1px solid #7e9db0;
	
	z-index: 100;
	
}

.menu_content  button.link_content:hover { 
	background: white url(../image/giallochiaro.jpg) top center repeat-x;
	color: black;
	z-index: 100;
}



/* add img to named action */

.className_ChangePassword .change button {
	padding-left: 25px;
	background-image: url(../image/save.gif);
	background-repeat: no-repeat;
	background-position: 6px 4px;
	text-align: left;
	padding-top: 4px;
	padding-bottom: 4px;
	background-color: white;
}

.className_CRUDMain input.link_content {
	text-align: left;
	padding-top: 4px;
	padding-bottom: 4px;
	background-color: white;
}

.className_CRUDEntity input.link_content {
	text-align: left;
	padding-top: 4px;
	padding-bottom: 4px;
	background-color: white;
}

.className_CRUDMain input.link_content:HOVER {
	background-color: #fff9d0;
	border-color: #ffe82e;
}

.className_CRUDEntity input.link_content:HOVER {
	background-color: #fff9d0;
	border-color: #ffe82e;
}

.className_CRUDMain .search button{
	padding-left: 25px;
	background-image: url(../image/search.gif);
	background-repeat: no-repeat;
	background-position: 6px 5px;
	height:26px;
}

.className_CRUDMain .create button{
	padding-left: 25px;
	background-image: url(../image/add.gif);
	background-repeat: no-repeat;
	background-position: 6px 1px;
	width: 110px;
}

.className_CRUDMain .showAll button{
	padding-left: 25px;
	background-image: url(../image/view.gif);
	background-repeat: no-repeat;
	background-position: 6px 1px;
}

.className_CRUDMain .read button{
	padding-left: 25px;
	background-image: url(../image/view.gif);
	background-repeat: no-repeat;
	background-position: 6px 1px;
	width: 110px;
}

.className_CRUDMain .update button{
	padding-left: 25px;
	background-image: url(../image/edit.gif);
	background-repeat: no-repeat;
	background-position: 6px 1px;
	width: 110px;
}

.className_CRUDMain .delete button{
	padding-left: 25px;
	background-image: url(../image/delete.gif);
	background-repeat: no-repeat;
	background-position: 6px 1px;
	width: 110px;
}

.className_CRUDMain .report button{
	padding-left: 25px;
	background-image: url(../image/print.gif);
	background-repeat: no-repeat;
	background-position: 6px 1px;
	width: 110px;
}

.className_CRUDMain .selectAll button{
	padding-left: 25px;
	background-image: url(../image/selectall.gif);
	background-repeat: no-repeat;
	background-position: 6px 1px;
}

.className_CRUDMain .deselectAll button{
	padding-left: 25px;
	background-image: url(../image/deselectall.gif);
	background-repeat: no-repeat;
	background-position: 6px 3px;
}

.className_CRUDMain .first button{
	padding-left: 25px;
	width: 25px;
	height: 25px;
	background-image: url(../image/first.gif);
	background-repeat: no-repeat;
	background-position: 6px 3px;
}

.className_CRUDMain .prev button{
	padding-left: 25px;
	width: 25px;
	height: 25px;
	background-image: url(../image/prev.gif);
	background-repeat: no-repeat;
	background-position: 6px 2px;
}

.className_CRUDMain .next button{
	padding-left: 25px;
	width: 25px;
	height: 25px;
	background-image: url(../image/next.gif);
	background-repeat: no-repeat;
	background-position: 6px 2px;
}

.className_CRUDMain .last button{
	padding-left: 25px;
	width: 25px;
	height: 25px;
	background-image: url(../image/last.gif);
	background-repeat: no-repeat;
	background-position: 6px 3px;
}

.className_CRUDMain .queryAll button{
	padding-left: 25px;
	width: 25px;
	height: 25px;
	background-image: url(../image/queryAll.gif);
	background-repeat: no-repeat;
	background-position: 6px 4px;
}

/**/
.className_CRUDMain .select button{
	padding-left: 25px;
	background-image: url(../image/yes.gif);
	background-repeat: no-repeat;
	background-position: 6px 4px;
	text-align: left;
	padding-top: 4px;
	padding-bottom: 4px;
	background-color: white;
	margin-top: 2px;
}

.className_CRUDEntity .report button{
	padding-left: 25px;
	background-image: url(../image/print.gif);
	background-repeat: no-repeat;
	background-position: 6px 4px;
	text-align: left;
	padding-top: 4px;
	padding-bottom: 4px;
	background-color: white;
}


.className_CRUDEntity .save button {
	padding-left: 25px;
	background-image: url(../image/save.gif);
	background-repeat: no-repeat;
	background-position: 6px 4px;
}

.className_CRUDEntity .cancel button {
	padding-left: 25px;
	background-image: url(../image/no.gif);
	background-repeat: no-repeat;
	background-position: 6px 4px;
}

.className_Object .save button {
	padding-left: 25px;
	background-image: url(../image/save.gif);
	background-repeat: no-repeat;
	background-position: 6px 4px;
	text-align: left;
	padding-top: 4px;
	padding-bottom: 4px;
	background-color: white;
}

.className_Object .cancel button {
	padding-left: 25px;
	background-image: url(../image/no.gif);
	background-repeat: no-repeat;
	background-position: 6px 4px;
	text-align: left;
	padding-top: 4px;
	padding-bottom: 4px;
	background-color: white;
}

.gsmsc-mapDiv {
	height: 275px;
}

.gsmsc-idleMapDiv {
	height: 275px;
}

#mapsearch {
	width: 365px;
	margin: 10px;
	padding: 4px;
}
div.select {
	margin: 2px;
	padding: 2px;
}
.objectlink > span  {
	padding: 2px;
	display:block;
	float:left;
}
table.area_topPanel > tbody > tr > td {
/*	border: 1px solid #f4f4f4;*/
	padding: 4px;
	}

div.className_ComposedEntityInstance  > table.area_main > tbody > tr > td > table.area_fields > tbody >tr > td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #f4f4f4;
	padding: 2px;
}
table.area_actions > tbody > tr > td > div{
	margin-right: 1px;
	margin-bottom: 1px;
}
div > div.link {
	margin-right: 1px;
	margin-top: 2px;
}

select:disabled {
	background-color:#f6f6f6;
	border: 1px solid #eee;
}


#screen_main_popups_popup_ErrorMessageTextDetail {
	min-width: 600px;
	width: 600px;
	height: 100%
}

#screen_main_popups_popup_ErrorMessageTextDetail textarea {
	width: 600px;
	border-width: 1px;
	border-style: solid;
	border-color: #555;
}

#screen_main_popups_popup_ErrorMessageTextDetail_main_customMessage {
	width: 600px;
}

#screen_main_popups_popup_ErrorMessageTextDetail_detail textarea {
	width: 600px;
	height: 280px;
	color: #555;
	background-color: #eee;
}

#screen_main_popups_popup_ErrorMessageTextDetail_main_actions {
	margin-top: 10px;
	margin-bottom: 10px;
}
input.table_actions_add  {
	border: 1px solid #CADBDF;
	font-size: 12px;
	font-family: Verdana;
	font-weight: normal;
	padding: 2px;
	color: #333;
	background-color: #F7F9F9;
	background-image: url(../image/add.gif);
	background-position: center;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
}
						
input.table_actions_edit  {
	border: 1px solid #CADBDF;
	font-size: 12px;
	font-family: Verdana;
	font-weight: normal;
	padding: 2px;
	color: #333;
	background-color: #F7F9F9;
	background-image: url(../image/edit.gif);
	background-position: center;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
}

input.table_actions_view  {
	border: 1px solid #CADBDF;
	font-size: 12px;
	font-family: Verdana;
	font-weight: normal;
	padding: 2px;
	color: #333;
	background-color: #F7F9F9;
	background-image: url(../image/view.gif);
	background-position: center;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;

}

input.table_actions_remove  {
	border: 1px solid #CADBDF;
	font-size: 12px;
	font-family: Verdana;
	font-weight: normal;
	padding: 2px;
	color: #333;
	background-color: #F7F9F9;
	background-image: url(../image/remove.gif);
	background-position: center;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;

}

input.table_actions_up  {
	border: 1px solid #CADBDF;
	font-size: 12px;
	font-family: Verdana;
	font-weight: normal;
	padding: 2px;
	color: #333;
	background-color: #F7F9F9;
	background-image: url(../image/up.gif);
	background-position: center;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;

}

input.table_actions_down  {
	border: 1px solid #CADBDF;
	font-size: 12px;
	font-family: Verdana;
	font-weight: normal;
	padding: 2px;
	color: #333;
	background-color: #F7F9F9;
	background-image: url(../image/down.gif);
	background-position: center;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;

}
div.className_CRUDInstance  > table.area_main > tbody > tr > td > table.area_fields > tbody >tr > td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #f4f4f4;
	padding: 2px;
}

div.className_CRUDInstance  > table.area_main > tbody > tr > td > table.area_fields {
	border: 1px solid #f4f4f4;
	padding: 4px;
	}

.list_box {
	border: 1px solid #f4f4f4;
	padding: 4px;
	width: 240px;
}

select.list_content {
	height: 160px;
	width: 250px;
}

button {
	cursor: hand;
}

div.tab > div.POJO {
	padding: 3px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #f4f4f4;
	border-bottom-color: #f4f4f4;
	border-left-color: #f4f4f4;
}
.area_actions{
	margin-bottom: 5px;
	margin-top: 5px;
}
.area_fields{
	margin-bottom: 5px;
	margin-top: 5px;
}

div.className_Login  > table.area_main > tbody > tr > td > table.area_fields > tbody >tr > td {
	align:left !important;
}

div.className_ComposedEntityInstance  > table.area_main > tbody > tr > td > table.area_selects > tbody >tr > td {
	vertical-align:middle !important;

}
div.className_ComposedEntityInstance  > table.area_main > tbody > tr > td > table.area_fields > tbody >tr > td {
	vertical-align:middle !important;

}
.rowset_td {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}
.area-column {
	padding: 0;
	border-collapse: collapse;
}

.area-column td {
	padding: 0;
	border-collapse: collapse;
}

.area-row {
	padding: 0;
	border-collapse: collapse;
}

.area-row td {
	padding: 0;
	border-collapse: collapse;
}

.rowset-table {
	padding: 0;
	border-collapse: collapse;
	border-width: 0;
}

.rowset-table > tbody > tr > td {
	padding: 1px;
}

.colset-table {
	padding: 0;
	border-collapse: collapse;
	border-width: 0;
}

.colset-table > tbody > tr > td {
	padding: 1px;
}

.grid-table {
	padding: 0;
	border-collapse: collapse;
	border-width: 0;
}
